<!-- 此路由可作为父类路由通用路由页面使用 如需自定义父类路由页面 请参考 @/view/superAdmin/index.vue -->
<template>
  <q-page padding :style-fn="予样式">
    <slot></slot>
  </q-page>
</template>

<script setup>
const prop = defineProps({
  固定高度: {
    type: Boolean,
    default: true
  }
})
function 予样式(offset) {
  // console.log(`offset 👉`, offset)
  // "offset" 是一个数字（像素），
  //它表示基于 QLayout "view" 属性配置的
  //屏幕上页眉+页脚的总高度

  // 这实际上是 Quasar 中默认的 style-fn 的功能如下
  // return { minHeight: offset ? `calc(100vh - ${offset}px)` : '100vh' }
  let style = {
    height: offset ? `calc(100vh - ${offset}px)` : '100vh',
    overflowX: 'hidden',
    padding: `${80}px 10px 10px`
  }
  if (!prop.固定高度) {
    style = { padding: `${40}px 10px 10px` }
  }
  return style
}
</script>
<!-- <style lang="scss">
.q-layout-padding {
    padding: 80px 10px 10px;
}
</style> -->